{% extends 'kume_base.html' %}
{% block title %}
	{{ title }}
{% endblock %}
{% block contents %}
<div class="col-sm-12">
	<div class="page-header text-muted">
		About Me
	</div>
</div>
<div class="row">
	<div class="col-sm-12">
		<p>90后, 伪技术宅!</p>
		<p>热爱技术的数学系学渣!</p>
		<br />
		<p>博客地址: http://www.hainuer.com</p>
		<p>新浪微博: http://www.weibo.com/ihainuer</p>
	</div>
</div>

<div class="col-sm-12">
	<div class="page-header text-muted">
		使用说明
	</div>
</div>
<div class="row">
	<div class="col-sm-12">
		<h4>背景图片的修改</h4>
		<p>你可以在"css/styles.css"文件里修改网页背景</p>
		<div class="code-block">									
<pre>
<code class="language-css">
.box {
	bottom: 0; /* increase for footer use */
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-image: url(../images/site.jpg);
	background-size: cover;
	background-attachment: fixed;
}
</code>
</pre>
		</div>
		<p>修改background-image部分就可以了</p>
	</div>
</div>

<div class="col-sm-12">
	<div class="page-header text-muted">
		开发计划
	</div>
</div>
<div class="row">
	<div class="col-sm-2">
		<p style="text-align: right;">后期新增模块: </p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">2015-07-20: </p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
		<p style="text-align: right;">&nbsp;</p>
	</div>
	<div class="col-sm-10">
		<p>文章评论模块</p>
		<p>代码优化、整理</p>
		<p>分类目录下列举博客时使用分页</p>
		<p>博客增改的时候使用可视化编辑器</p>
		<p>Beta 1.0 上线</p>
		<p>主要功能:</p>
		<p>博客的增删改查, 主要通过Django内置的管理模板实现的!</p>
		<p>博客按照目录进行分类, 提供归档功能, 列出所有博客.</p>
	</div>
</div>

<div class="col-sm-12">
	<div class="page-header text-muted divider">
		友情链接
	</div>
</div>
<div class="row">
	<div class="col-sm-3 text-center">
		<h4>贵州招考</h4>
		<a href="http://zhaokao.sinaapp.com" target="_blank"><img src="http://usr.im/200x200?bg=20A4A8&text=招考" class="img-respsonsive img-circle"></a>
	</div>
	<div class="col-sm-3 text-center">
		<h4>夏日</h4>
		<a href="http://www.hainuer.com" target="_blank"><img src="http://usr.im/200x200?bg=3498DB&text=夏日" class="img-respsonsive img-circle"></a>
	</div>
	<div class="col-sm-3 text-center">
		<h4>午后</h4>
		<a href="http://www.hainuer.com" target="_blank"><img src="http://usr.im/200x200?bg=20A4A8&text=午后" class="img-respsonsive img-circle"></a>
	</div>
	<div class="col-sm-3 text-center">
		<h4>微博</h4>
		<a href="http://www.weibo.com/ihainuer" target="_blank"><img src="http://usr.im/200x200?bg=3498DB&text=WeiBo" class="img-respsonsive img-circle"></a>
	</div>
</div>
{% endblock %}